<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米su7</title>
		<style>
			.product_card{
				width: 18.75rem;
				height: 500px;
				border: 0.0625rem solid lightslategrey;
				border-radius: 5px;
				}
				.tupian{
					width: 250px;
					height: 350px;
					border: 0.0625rem solid transparent;
					margin-top: 20px;
					margin-left: 20px;
					background-image: url(img/5cadee53d3191db9448509efd306336f.jpg);
					background-size: 100% 100%;
					border-radius: 5px;
				}
				div>h1{
					width: 100px;
					height: 25px;
					font-size: 1em;
					text-align: center;
					border: 0.0625rem solid transparent;
					margin-top: -120px;
					margin-left: 85px;
				}
				div>span{
					width: 100px;
					height: 25px;
					font-size: 1.5em;
					text-align: center;
					border: 0.0625rem solid transparent;
					margin-top: -100px;
					margin-left: 60px;
				}
				div>.device{
					width: 100px;
					height: 25px;
					font-size: 0.5em;
					text-align: center;
					border: 0.0625rem solid transparent;
					margin-top: -100px;
					margin-left: 105px;
				}
				
			
		</style>
	</head>
	<body>
		<div class="product_card">
			<div class="tupian"></div>
		</div>
		<div><h1>小米su7</h1>
		</div>
		<div>
			<span style="color:red;">￥279999.00</span>
		</div>
        <div>
			<span style="color: grey;" class="device">已有 10万+ 人评价</span>
		</div>
	</body>
</html>